import React from 'react';
import { Row, Col } from 'antd';

import ExecConditions from '../form/execConditions';

export default function CrossLog(props) {
  const { name, logs, value, variable, operator, disabled, using_variables } = props;

  return (
    <div>
      <Row type='flex' style={{ lineHeight: '3' }} gutter={100}>
        <Col>
          <div className='tantuer-form-item2'>
            <div className='ant-form-item-label'>
              <label>节点名称</label>
            </div>
            <span>{name}</span>
          </div>
        </Col>
      </Row>
      <ExecConditions
        value={value.condition_groups || []}
        variable={variable}
        using_variables={using_variables}
        operator={operator}
        disabled={disabled}
        logs={logs}
        isTxt={true}
      />
    </div>
  );
}
